<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>鑫爷博客 - 『一心只想撞南墙的小星星』</title>
    <link href="favicon.ico" rel="icon">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/master.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部区域 -->
    <header class="fixed-top">
        <!-- 导航栏 -->
        <nav class="navbar navbar-expand-lg navbar-light container">
            <a class="navbar-brand" href="#" id="blog-logo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">鑫爷博客</font></font></a>
            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbars" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="navbar-collapse collapse" id="navbars" style="">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="http://localhost/blog/page"><i class="fa fa-home"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">首页</font></font><span class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">（当前）</font></font></span></a>
                    </li>
                    <li class="nav-item dropdown">
                        <!-- class="nav-link dropdown-toggle" -->
                        <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-list"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">精选推荐</font></font>
                        <span class="fa fa-sort-desc" style="position: relative;top:-3px;"></span></a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <a class="dropdown-item" href="#"><i class="fa fa-user"></i>个人原创</a>
                          <a class="dropdown-item" href="#"><i class="fa fa-play-circle"></i>影视资源</a>
                          <!-- <div class="dropdown-divider"></div> -->
                          <a class="dropdown-item" href="#"><i class="fa fa-search"></i>SEO运营</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://baidu.com"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">百度</font></font><span class="fa fa-sort-desc" style="position: relative;top:-3px;"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#" tabindex="-1" aria-disabled="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自定义</font></font></a>
                    </li>
                    <li class="nav-item dropdown">
                        <!-- class="nav-link dropdown-toggle" -->
                        <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-flask"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">更多功能</font></font>
                        <span class="fa fa-sort-desc" style="position: relative;top:-3px;"></span></a>
                        <div class="dropdown-menu" aria-labelledby="dropdown09">
                            <a class="dropdown-item" href="#"><i class="fa fa-comment"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">留言吐槽</font></font></a>
                            <a class="dropdown-item" href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">另一个动作</font></font></a>
                            <font style="vertical-align: inherit;"><a class="dropdown-item" href="#"><font style="vertical-align: inherit;">此处</font></a><a class="dropdown-item" href="#"><font style="vertical-align: inherit;">还有其他动作</font></a></font><a class="dropdown-item" href="#"><font style="vertical-align: inherit;"></font></a>
                        </div>
                    </li>
                </ul>
              <form class="form-inline my-2 my-md-0" id="blog-search">
                <input class="form-control" type="text" placeholder="Search" aria-label="Search">
              </form>
            </div>
        </nav>
    </header>

    <!-- 主体区域 -->
    <div class="main">
        <!-- 内容部分 -->
        <div class="container">
            <div class="row content">
                <div class="col-lg-8 col-12 content-left">
                    <!-- 轮播图 -->
                    <div class="swiper-container mb-3">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="images/1.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/2.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/3.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/4.jpg" alt="">
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>

                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>

                        <!-- 如果需要滚动条 -->
                        <!-- <div class="swiper-scrollbar"></div> -->
                    </div>

                    <article class="mb-3 p-2 rounded">
                        <h4>
                            <span class="badge badge-danger">置顶</span>
                            <a href="#" class="text-dark">标题标题标题标题标题</a>
                        </h4>
                        <div class="row">
                            <div class="col-lg-5 col-12 article-img">
                                <a href="https://baidu.com">
                                    <img src="images/47341482846151.jpg" alt="" style="width:100%;height:150px;">
                                </a>
                            </div>
                            <div class="col-lg-7 col-12 px-1">
                                <p class="px-1 article-info-p text-muted">
                                    少EMLOG超强搬运工插件测试 对于一个优质的网站而言，一套优质的内部优化链接系统是必不可少的，简单来说良好的内链系统能让网站页面之前相互传递权重，帮助搜索引擎快速识别网站内容的核心，但是SEO内
                                </p>
                                <div class="article-info">
                                    <ul style="padding-left:10px;;">
                                        <li class="article-info-author">
                                            <img src="images/DXing1202.jpg" alt="DXing1202" class="rounded-circle" style="width:20px;height:20px;">
                                            <a href="javascript:;" class="text-muted">DXing1202</a>
                                        </li>
                                        <li class="article-info-list">
                                            <a href="#" class="text-muted">
                                                <i class="fa fa-list"></i>
                                                SEO运营
                                            </a>
                                        </li>
                                        <li class="article-info-tag">
                                            <a href="#" class="text-muted">
                                                <i class="fa fa-tag" style="color:pink;"></i>
                                                SEO
                                            </a>
                                        </li>
                                        <li class="article-info-time text-muted">
                                            <i class="fa fa-clock-o" style="color: #00BFFF;"></i>
                                            2019-3-12
                                        </li>
                                        <!-- <li class=""></li> -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </article>
                    <article class="mb-3 p-2 rounded">
                        <h4>
                            <span class="badge badge-danger">置顶</span>
                            <a href="#" class="text-dark">标题标题标题标题标题</a>
                        </h4>
                        <div class="row">
                            <div class="col-lg-5 col-12 article-img">
                                <a href="https://baidu.com">
                                    <img src="images/47341482846151.jpg" alt="" style="width:100%;height:150px;">
                                </a>
                            </div>
                            <div class="col-lg-7 col-12 px-1">
                                <p class="px-1 article-info-p text-muted">
                                    少EMLOG超强搬运工插件测试 对于一个优质的网站而言，一套优质的内部优化链接系统是必不可少的，简单来说良好的内链系统能让网站页面之前相互传递权重，帮助搜索引擎快速识别网站内容的核心，但是SEO内
                                </p>
                                <div class="article-info">
                                    <ul style="padding-left:10px;;">
                                        <li class="article-info-author">
                                            <img src="images/DXing1202.jpg" alt="DXing1202" class="rounded-circle" style="width:20px;height:20px;">
                                            <a href="javascript:;" class="text-muted">DXing1202</a>
                                        </li>
                                        <li class="article-info-list">
                                            <a href="#" class="text-muted">
                                                <i class="fa fa-list"></i>
                                                SEO运营
                                            </a>
                                        </li>
                                        <li class="article-info-tag">
                                            <a href="#" class="text-muted">
                                                <i class="fa fa-tag" style="color:pink;"></i>
                                                SEO
                                            </a>
                                        </li>
                                        <li class="article-info-time text-muted">
                                            <i class="fa fa-clock-o" style="color: #00BFFF;"></i>
                                            2019-3-12
                                        </li>
                                        <!-- <li class=""></li> -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </article>
                    <article class="mb-3 p-2 rounded">
                        <h4>
                            <span class="badge badge-danger">置顶</span>
                            <a href="#" class="text-dark">标题标题标题标题标题</a>
                        </h4>
                        <div class="row">
                            <div class="col-lg-5 col-12 article-img">
                                <a href="https://baidu.com">
                                    <img src="images/47341482846151.jpg" alt="" style="width:100%;height:150px;">
                                </a>
                            </div>
                            <div class="col-lg-7 col-12 px-1">
                                <p class="px-1 article-info-p text-muted">
                                    少EMLOG超强搬运工插件测试 对于一个优质的网站而言，一套优质的内部优化链接系统是必不可少的，简单来说良好的内链系统能让网站页面之前相互传递权重，帮助搜索引擎快速识别网站内容的核心，但是SEO内
                                </p>
                                <div class="article-info">
                                    <ul style="padding-left:10px;;">
                                        <li class="article-info-author">
                                            <img src="images/DXing1202.jpg" alt="DXing1202" class="rounded-circle" style="width:20px;height:20px;">
                                            <a href="javascript:;" class="text-muted">DXing1202</a>
                                        </li>
                                        <li class="article-info-list">
                                            <a href="#" class="text-muted">
                                                <i class="fa fa-list"></i>
                                                SEO运营
                                            </a>
                                        </li>
                                        <li class="article-info-tag">
                                            <a href="#" class="text-muted">
                                                <i class="fa fa-tag" style="color:pink;"></i>
                                                SEO
                                            </a>
                                        </li>
                                        <li class="article-info-time text-muted">
                                            <i class="fa fa-clock-o" style="color: #00BFFF;"></i>
                                            2019-3-12
                                        </li>
                                        <!-- <li class=""></li> -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
                <!-- 侧边栏 -->
                <div class="aside col-lg-4 lg-mx-1 lg-px-1 col-12 content-right">
                    <sidle class="sidle-info display-hide">
                        <div class="sidle-info-img">
                            1234567
                        </div>
                    </sidle>
                </div>
            </div>
        </div>
    </div>

    <!-- 友情链接 -->
    <section class="blogroll container p-2 mb-3 rounded">
        <div class="blogroll-top">
            <div class="blogroll-top-left">
                <a href="javascript:;" class="text-dark">友情链接</a>
            </div>
        </div>
        <hr>
        <div class="blogroll-bottom">
            <ul>
                <li><a href="http://tv1314.com/" class="text-muted" target="_blank">鬼少博客</a></li>
                <li><a href="#" class="text-muted" target="_blank">360</a></li>
                <li><a href="#" class="text-muted" target="_blank">小米</a></li>
                <li><a href="#" class="text-muted" target="_blank">淘宝</a></li>
                <li><a href="#" class="text-muted" target="_blank">京东</a></li>
                <li><a href="#" class="text-muted" target="_blank">Atom</a></li>
                <li><a href="#" class="text-muted" target="_blank">Bootstrap</a></li>
                <li><a href="#" class="text-muted" target="_blank">Layui</a></li>
                <li><a href="#" class="text-muted" target="_blank">Sublime Text</a></li>
                <li><a href="#" class="text-muted" target="_blank">Composer</a></li>
                <li><a href="#" class="text-muted" target="_blank">Laragon</a></li>
                <li><a href="#" class="text-muted" target="_blank">PHP</a></li>
                <li><a href="#" class="text-muted" target="_blank">ThinkPHP</a></li>
                <li><a href="https://baidu.com" class="text-muted">百度</a></li>
                <li><a href="#" class="text-muted">360</a></li>
                <li><a href="#" class="text-muted">小米</a></li>
                <li><a href="#" class="text-muted">淘宝dddd</a></li>
                <li><a href="#" class="text-muted">宝</a></li>
                <li><a href="#" class="text-muted">京东</a></li>
                <li><a href="#" class="text-muted">Atom</a></li>
                <li><a href="#" class="text-muted">Bootstrap</a></li>
                <li><a href="#" class="text-muted">Layui</a></li>
                <li><a href="#" class="text-muted">Sublime Text</a></li>
                <li><a href="#" class="text-muted">Composer</a></li>
                <li><a href="#" class="text-muted">Laragon</a></li>
                <li><a href="#" class="text-muted">PHP</a></li>
                <li><a href="#" class="text-muted">ThinkPHP</a></li>
                <li><a href="https://baidu.com" class="text-muted">百度</a></li>
                <li><a href="#" class="text-muted">360</a></li>
                <li><a href="#" class="text-muted">小米</a></li>
                <li><a href="#" class="text-muted">淘宝</a></li>
                <li><a href="#" class="text-muted">京东</a></li>
                <li><a href="#" class="text-muted">Atom</a></li>
                <li><a href="#" class="text-muted">Bootstrap</a></li>
                <li><a href="#" class="text-muted">Layui</a></li>
                <li><a href="#" class="text-muted">Sublime Text</a></li>
                <li><a href="#" class="text-muted">Composer</a></li>
                <li><a href="#" class="text-muted">Laragon</a></li>
                <li><a href="#" class="text-muted">PHP</a></li>
                <li><a href="#" class="text-muted">ThinkPHP</a></li>
            </ul>
        </div>
    </section>

    <!-- 尾部区域 -->
    <footer class="pb-5 mt-2">
        <div class="container pt-4">
            <p class="text-center">
                <a href="#" target="_blank" class="text-muted">网站地图</a>
                &nbsp;&nbsp;
                <a href="#" rel="sitemap" target="_blank" class="text-muted">Sitemap</a>
                &nbsp;&nbsp;
                <a href="#" target="_blank" class="text-muted">网站统计</a>
            </p>
            <p class="text-center text-muted">
                <span>Copyright © 2019 </span>
                <a href="#" class="text-muted">鑫爷博客</a>
                <<a href="mailto:dxing1202@gmail.com" class="text-muted" target="_top">dxing1202@gmail.com</a>>
                <a href="http://www.miibeian.gov.cn" class="text-muted" target="_blank">粤ICP备17158592号-1</a>
            </p>
            <p class="text-center">
                <span class="text-muted">
                    本站部分资源来源于互联网网友交流,只供网络测试和学习交流所用、所有版权归原权利人，如有关资源侵犯了你的权益，请联系告之，我们将于第一时间删除！
                </span>
            </p>
        </div>
    </footer>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" charset="utf-8"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/popper.min.js" charset="utf-8"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js" charset="utf-8"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.5.0/js/swiper.min.js"></script>
    <script src="js/index.js" charset="utf-8"></script>
</body>
</html>
